<html>  <head>    <titleFacebook / Maps Mashup</title>    <style type="text/css">      @import url("http://www.google.com/uds/css/gsearch.css");      @import url("http://www.google.com/uds/solutions/localsearch/gmlocalsearch.css");      }    </style>    <script src="http://maps.google.com/maps?file=api&amp;v=2&amp;key=ABQIAAAAYgIFcdB73ikjsshF47qFhRT9MMXG_tYPVLibiAtjK-zmIeBb9RTQy57sFP4wbxEGLiuFm3mV7BVEKQ"       type="text/javascript"></script>    <script src="http://www.google.com/uds/api?file=uds.js&amp;v=1.0" type="text/javascript"></script>    <script src="http://www.google.com/uds/solutions/localsearch/gmlocalsearch.js" type="text/javascript"></script>        <script type="text/javascript">	var points;
	var parser;
	var map;      function initialize() {        if (GBrowserIsCompatible()) {                  // Create and Center a Map          map = new GMap2(document.getElementById("map_canvas"));
	  var over = new GGeoXml("http://teamname.gan.tjohns.net/google/campus.kml");
	            map.setCenter(new GLatLng(40, -95), 4);          map.addControl(new GLargeMapControl());          map.addControl(new GMapTypeControl());		map.addOverlay(over);          map.addControl(new google.maps.LocalSearch(), new GControlPosition(G_ANCHOR_BOTTOM_RIGHT, new GSize(10,20)));


	// Code to parse the kml file on our own	
		if (window.ActiveXObject) {
  			parser=new ActiveXObject("Microsoft.XMLDOM");
  			parser.async=false;
  			parser.load("campus.kml");
  		}
		// code for Mozilla, Firefox, Opera, etc.
		else if (document.implementation && document.implementation.createDocument) {
        		parser = new XMLHttpRequest();
			parser.open( "GET", "campus.kml", false );
			parser.send(null);
		 	parser = parser.responseXML;
  		}
		else {
  			alert('Your browser cannot handle this script');
  		}
	// End kml parse code
	var add_to_names="";
	var points = parser.getElementsByTagName( "name" );

		for (i=0;i<points.length;i++) {
			add_to_names +="<a href = \"#none\" onmouseup= 'zoomOnFriend(\""+i+"\")'>";
			add_to_names +=points.item(i).firstChild.nodeValue+"</a><br>";
		}
	
		document.getElementById("friend_names").innerHTML=add_to_names;	

        }
      }

	function zoomOnFriend(mystring) {
		document.getElementById("test").innerHTML=mystring;
		var coords = parser.getElementsByTagName( "coordinates" );
		var mycoords = coords.item(mystring).firstChild.nodeValue.split(",");

		var descs = parser.getElementsByTagName( "description" );
		
		var point = new GLatLng(mycoords[1], mycoords[0]);
		map.setZoom(15);
		map.setCenter(point);
 		map.openInfoWindow(point, descs.item(mystring).firstChild.nodeValue);


	}

      GSearch.setOnLoadCallback(initialize);    </script>  </head>  <body onload="initialize()" onunload="GUnload()">
	<center>
	<table border = "1">
	<tr><td colspan = "2"><img src = "/logo.jpg"></td></tr>
	<tr><td>Your friends:<br><div id="friend_names"></div></td><td width = "700"><center><div id="map_canvas" style="width: 700px; height: 480px"></div><center></td></tr>
	<tr><td><div if = "put_markers"></div></td></tr>	
	</table>
	</center>
	<div id = "test"></div>  </body></html>